
   <form id="emp_edit">
    <table  class="table table-bordered text-center" style="table-layout:fixed "  id="tb_edit">
		<tr>
			<th >部门名称</th>
			<th class="text-center">姓名</th>
			<th class="text-center" >职位</th>
			<th class="text-center" >手机</th>
			<th class="text-center" >固定电话</th>
			<th class="text-center" >内线</th>
			<th class="text-center" >短号</th>
			<th class="text-center" >邮箱</th>
			<th class="text-center" >排序</th>
			<th class="text-center" >编辑</th>
		</tr>
		<c:forEach items = "${emploeelist }" var = "emploee"  >
		<tr id= "${emploee.id }">
		    <td >${emploee.phone }</td>
		    <td >${emploee.name  }</td>
		    <td ><input type="button" class="btn btn-primary" value="修改"  onclick="edit(this)"/></td>
		    
		</tr>
		
		</c:forEach>
	</table> 
	</form>



<script type="text/javascript"> 
  function edit(btn){
    var tr =$(btn).parent("td").parent("tr");
	var td_list=$(btn).parent("td").siblings("td");
    var id =tr.attr("id")
    var btn_count =$("input[type='button'][value='保存']").size();
    if(btn_count >= 1){
    alert("请先保存修改")
    }else{
    tr.html("<td class='text-left'><input name='id' value='"+id+"' type='hidden'/><input  name='deptName' type='text'  value='"+td_list.eq(0).text()+"'/></td><td><input  name = 'ord' type='text' size='2' value='"+td_list.eq(1).text()+"'></td><td><input type ='button' value='保存' class='btn btn-info' onclick='save(this)'>")
    }
}
 function save(btn){
     
     
     var tr =$(btn).parent("td").parent("tr");
     var td_list=tr.find("input")
     var id =tr.attr("id");
     var dept=$("#edit_dept").serialize();
     $.post("updatedept",
     dept, 
     function(data){
     if(data=="success"){
         tr.html("<td class='text-left'>"+td_list.eq(1).val()+"</td><td>"+td_list.eq(2).val()+"</td><td><input type='button' class='btn btn-primary' value='修改'  onclick='edit(this)'/></td>")      
         
         $("#show_result").text("修改成功") ;
         }
         else{
         location.reload();
        }
         
        
       /* $("#td_show").show().val(data);*/
     	/* console.log(data);
        alert(data); */                                //t弹窗提示成功或失败
        })
     
 }

 
 
</script>

